// pages/page/uploadpage/uploadpage.js
const app = getApp()
var uploadImage = require('../../../utils/uploadFile.js');
var util = require('../../../utils/util.js');

Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgList: [],
    upload_img: [],
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  ChooseImage() {
    wx.chooseImage({
      count: 9, //默认9
      sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
      sourceType: ['album'], //从相册选择
      success: (res) => {
     
        if (this.data.imgList.length != 0 && (res.tempFilePaths.length + this.data.imgList.length)<=9) {
          this.setData({
            imgList: this.data.imgList.concat(res.tempFilePaths)
          })
        } else if (this.data.imgList.length == 0 )  {
          this.setData({
            imgList: res.tempFilePaths
          })
        } else if ((res.tempFilePaths.length + this.data.imgList.length) >9){
          console.log(this.data.imgList.concat(res.tempFilePaths).slice(0, 9),"this.data.imgList.concat(res.tempFilePaths)");
          this.setData({
            imgList: this.data.imgList.concat(res.tempFilePaths).slice(0,9)
          })
        }
        
      }
    });
  },
  ViewImage(e) {
    wx.previewImage({
      urls: this.data.imgList,
      current: e.currentTarget.dataset.url
    });
  },
  DelImg(e) {
    wx.showModal({
      title: '删除',
      content: '确定要删除该文件吗？',
      cancelText: '取消',
      confirmText: '确定',
      success: res => {
        if (res.confirm) {
          this.data.imgList.splice(e.currentTarget.dataset.index, 1);
          this.setData({
            imgList: this.data.imgList
          })
        }
      }
    })
  },
  //上传文件
  upload_btn(res) {
    // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
    var tempFilePaths = this.data.imgList;
    var nowTime = util.formatTime(new Date());
    //支持多图上传
    for (var i = 0; i < tempFilePaths.length; i++) {
      //显示消息提示框
      wx.showLoading({
        title: '上传中' + (i + 1) + '/' + tempFilePaths.length,
        mask: true
      })
      //上传图片
      //你的域名下的/cbb文件下的/当前年月日文件下的/图片.png
      //图片路径可自行修改
      uploadImage(tempFilePaths[i], 'cbb/' + nowTime + '/',
        function (result) {
          console.log("======上传成功图片地址为：", result);
          wx.showToast({
            title: '上传成功',
          })
          setTimeout(function () {
            wx.hideLoading();
          }, 1000)
        }, function (result) {
          wx.showToast({
            title: '上传失败',
          })
          setTimeout(function () {
            wx.hideLoading()
          }, 1000)
          console.log("======上传失败======", result);

        }
      )
    }
  },


})